li {
    list-style:none
}
.clear {
    clear:both
}
.menus {
    width:1100px;
    margin:40px auto 0 auto;
}
.tab_nav{
    width:1100px;
    height: 40px;
    padding: 0 100px 0 100px;
}
.menus .tab_nav ul {
    width:900px;
    border-bottom:2px solid #8e8e8e;
    position:relative;
    float:left;
}
.menus .tab_nav li {
    float:left;
    width:150px;
    height:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.menus .tab_nav li:nth-child(2) {
    color:#fff
}
.menus .bg {
    width:150px;
    height:40px;
    position:absolute;
    /*left:0;*/
    top:0;
    background: #8e8e8e;
    z-index:-1;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.tab {
    width:1100px;
    height:500px;
    border:1px solid #000;
    /*margin-top:20px;*/
    /*font-size:40px;*/
    /*line-height:500px;*/
    text-align:center;
    color:#888;
    /*font-weight:700;*/
    display:none
}
.show {
    display:block
}
.title {
    text-align:center;
    padding:20px;
    background:#ccc
}
